<template>
    <!-- contact form start -->
            <section id="contacts-wrap" class="contact-form-wrap light-gray p-t-b-80">
                <div class="container">
                    <div class="row">



                        <div class="form-wrap  col-md-6 mb-4">
                            <div class="section-header mb-5 ">
                                <h2 class="font-weight-bold ">Get in Touch With Us !</h2>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Placeat ea quam laborum, ducimus, laboriosam sint dolorum aspernatur libero</p>

                            </div>
                            <div  class="alert alert-success alert-dismissible fade show" role="alert">
                                <button type="button" class="close">
                                          <span aria-hidden="true">&times;</span>
                                        </button>
                                <strong>Your Message Sent succefully</strong>
                            </div>


                            <form class="row form" role="form">
                                <div class="form-group mb-4 col-md-6">
                                    <label for="">
                                               <i class="eva eva-person-outline"></i>
                                            </label>
                                    <input type="text" name="Name" id="" class="form-control" placeholder="Your Name" required>

                                </div>
                                <div class="form-group mb-4 col-md-6">
                                    <label for="">
                                               <i class="eva eva-email-outline"></i>
                                            </label>
                                    <input type="email" required name='email' class="form-control" placeholder="Your email" aria-describedby="helpId">
    
                                </div>
                                <div class="form-group mb-4 col-md-12">
                                    <label for="">
                                                 <i class="eva eva-edit-2-outline"></i>
                                            </label>
                                    <input type="text" required name='subject' class="form-control" placeholder="Your subject here" aria-describedby="helpId">

                                </div>

                                <div class="form-group mb-4 col-md-12">

                                    <label for="">
                                               <i class="eva eva-edit-outline"></i>
                                            </label>
                                    <textarea class="form-control" placeholder="Your message here" required name='message' rows="5"></textarea>


                                </div>

                                <div class="form-group  col-md-12">
                                    <button type="submit" class="btn btn-block form-submit-button btn-large btn-gradient">Send
                                               message
                                            </button>

                                </div>



                            </form>



                        </div>
                        <div class="col-md-6 align-items-center">
                            <div class="right-contact-wrap ml-5">

                                <img src="../assets/images/landing/svg/contact2.svg" class="img-responsive zoom-fade" alt="Image">

                                <!-- <div class="address-wrap mb-4">-->


                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- contact form end -->
</template>
